//自定义模板组件
Vue.component('mydiv', {
    props: ["arr","fn"],//相当于给自定义的mydiv添加属性
    template: `
        <div>
            <ul>
            <!--此处的arr只能访问props里面的arr 不能访问Vue对象里面的arr-->
                <li v-for="name in arr" @click="fn(name)">{{name}}</li>
            </ul>
        </div>
    `
})

let vm = new Vue({
    el: "mydiv",
    data: {
        arr: ["刘备", "关羽", "张飞"]
    },
    methods: {
        fn: function (name) {
            alert(name)
        }
    }
})